import "../sass/product.scss";
import React from "react";

import { Cell, Tag } from "react-vant";

function Product(props) {
    return (
        <div className="product-box">
            <div>
                <div className="biao">
                    <Cell>
                        <Tag mark type="danger">
                            热卖
                        </Tag>
                    </Cell>
                </div>
                <img
                    className="auto-img"
                    src={props.pro.smallImg}
                    alt=""
                />
            </div>
            <div className="one-text">{props.pro.name}</div>
            <div className="onext"> {props.pro.enname}</div>
            <div className="yuan">
                &yen; {props.pro.price}
            </div>
        </div>
    );
}

export default Product;
